---
title: "Triplex 0.56: Live Editing Props"
ogTitle: Triplex 0.56
date: 2023-08-27
description:
  This release introduces developer experience improvements such as live editing
  props, number input improvements, and input constraints set by jsdoc tags.
---

▵ Triplex 0.56 introduces developer experience improvements and fixes some bugs.

## New features

### Live edit props

Edit props given to the component you have open to test it in out over different
states. Changed props only last during your session however — so when you close
Triplex they're gone!

<Video src="https://github.com/try-triplex/triplex/assets/6801309/9862ae43-e4d6-4a6a-94f9-bf7db845469e" />

### Number input improvements

The number input has been improved with slider and increment/decrement behavior.
Use keyboard modifiers (shift/ctrl) to control how fine grained it should be!

<Video src="https://github.com/try-triplex/triplex/assets/6801309/0add7c1f-c973-4f1c-a44b-11fdd539a462" />

### Set constraints with prop description tags

Declare JSDoc tags in your prop descriptions and Triplex will use them where
supported.

The first supported tags are `@max` and `@min` used in the number input, they
constrain what values are allowed to be set.

```js
interface CameraEntityProps {
  /**
   * @min -3
   * @max 1
   */
  offsetX?: number;
}
```

<Video src="https://github.com/try-triplex/triplex/assets/6801309/c956f81d-c978-489a-af4d-a32ed420aa82" />

### Adding GLTF assets to your scene

GLTF is a common asset exported from 3D software like Blender. Now you can add
them to your components straight through Triplex without needing to write out
the code for it.

<Video src="https://github.com/try-triplex/triplex/assets/6801309/8727a6e3-ceed-45ee-8795-cfdaf4f42707" />

### Set host element names

Host elements such as mesh can now be labelled using the name prop. When set
they are used as the name shown in the scene panel.

<Video src="https://github.com/try-triplex/triplex/assets/6801309/f11d4b06-78d2-44e3-bde4-9f0b0bd6afb0" />

## Bug fixes

### Union type input fixes

Previously props that were a union type, such as one that takes a number and a
string, would lose the ability switch between them in the context panel when the
prop was set with a value. This is now fixed.

<Video src="https://github.com/try-triplex/triplex/assets/6801309/40444868-3af6-434b-ab85-bff6d6e95966" />

### Other

- All `undefined` values are now preserved when saving props instead of being
  set to `null`.
- Color inputs can now be cleared when not required.
- Tuple inputs no longer fire change events when required values are only
  partially filled.

Triplex is the React Three Fiber editor where your code is source of truth.
[Download today](/download).
